<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>TrinityManager</title>
	<link rel="stylesheet" type="text/css" href="style.css" media="all" />
	<script type="text/javascript" src="http://static.wowhead.com/widgets/power.js"></script>
</head>

<body>
	<div class="container">
		<div class="header">
			<div class="header_big">TrinityManager
			<div class="header_small">Account Management System</div></div>
		</div>
		<div class="main">
			<div class="leftmenu">
				<div class="menu">
				<ul>
					<li> Home
						<ul>
							<li><a href="accounts.html">Accounts</a></li>
							<li><a href="pages.html">Pages</a></li>
						</ul>
					</li>
					<li> Menu 2
						<ul>
							<li><a href="">Item 1</a></li>
							<li><a href="">Item 2</a></li>
						</ul>
					</li>
				</ul>
				</div>
			</div>
			<div class="content center_left">
				<div class="contentbox">
					<div class="contentbox_title">Character Info</div>
					<div class="contentbox_body">
						<ul id="tabnav">
							<li><a href="#" id="tabnav-current">Character</a></li>
							<li><a href="reputation">Reputation</a></li>
							<li><a href="skills">Skills</a></li>
							<li><a href="talents">Talents</a></li>
						</ul>
						<div id="tabcontent">
							<div id="char_panel">
								<div id="char_maininfo">
									<h3><span id="char_name">PlayerName</span> <br />
									<span id="char_guild">Guild Name</span></h3>
									<span id="char_level">Level 80 </span>
									<span id="char_race">Tauren </span>
									<span id="char_class">Warrior </span><br />
									<span id="char_location">Outland - Blade's Edge Mountains</span> <br />
									<div id="char_health">Health: 23000</div>
									<div id="char_mana">Mana: 20000</div>
								</div>
								<div style="float:left">
									<!-- generate icon urls inside of ins style attribute-->
									<div class="itembox"><a href="http://www.wowhead.com/?item=31050"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31051"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31053"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31054"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31052"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34564"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34436"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34541"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
								</div>
								<div id="char_preview">
									<div id="model_scene" align="center">
										<object id="wowhead" type="application/x-shockwave-flash" data="http://static.wowhead.com/modelviewer/ModelView.swf" height="400" width="300">
										<param name="quality" value="high" />
										<param name="allowscriptaccess" value="always" />
										<param name="menu" value="false" />
										<param value="transparent" name="wmode" />
										<!-- item parameters -->
										<param name="flashvars" value="model=humanmale&amp;modelType=16&amp;ha=0&amp;hc=0&amp;fa=0&amp;sk=0&amp;fh=0&amp;fc=0&amp;contentPath=http://static.wowhead.com/modelviewer/&amp;blur=1&amp;equipList=1,0,3,24509,16,61260,5,25749,9,24511,10,62059,6,53578,7,24506,8,24513,14,,21,60670" />
										<param name="movie" value="http://static.wowhead.com/modelviewer/ModelView.swf" />
										</object>
									</div>
								</div>											
								<div style="float:left">
									<div class="itembox"><a href="http://www.wowhead.com/?item=31050"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31051"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31053"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31054"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=31052"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34564"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34436"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox"><a href="http://www.wowhead.com/?item=34541"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
								</div>
								<div style="clear:left">
									<div class="itembox" id="item_mainhand"><a href="http://www.wowhead.com/?item=31050"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox" id="item_offhand"><a href="http://www.wowhead.com/?item=31050"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
									<div class="itembox" id="item_ranged"><a href="http://www.wowhead.com/?item=31050"><ins style="background-image: url(images/inv_belt_07.jpg);"></ins><del></del></a></div>
								</div>
							</div>
							<div id="char_stats">
							
								<table>
									<tr><td class="tabular_odd">Holy Resistance</td><td class="tabular_even">15</td></tr>
									<tr><td class="tabular_odd">Arcane Resistance</td><td class="tabular_even">100</td></tr>
									<tr><td class="tabular_odd">Fire Resistance</td><td class="tabular_even">0</td></tr>
									<tr><td class="tabular_odd">Nature Resistance</td><td class="tabular_even">0</td></tr>
									<tr><td class="tabular_odd">Frost Resistance</td><td class="tabular_even">0</td></tr>
									<tr><td class="tabular_odd">Shadow Resistance</td><td class="tabular_even">60</td></tr>
								</table>
								<table>
									<tr><td class="tabular_odd">Strength</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Agility</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Stamina</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Intellect</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Spirit</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Armor</td><td class="tabular_even">23000</td></tr>
								</table>
								<table>
									<tr><td class="tabular_odd">Melee Damage</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Attack Power</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Hit Rating</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Crit</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Expertise</td><td class="tabular_even">23000</td></tr>
								</table>
								<table>
									<tr><td class="tabular_odd">Spell Damage</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Heal</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Hit Rating</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Crit</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Haste Rating</td><td class="tabular_even">23000</td></tr>
								</table>
								<table>
									<tr><td class="tabular_odd">Ranged Damage</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Ranged Power</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Hit Rating</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Crit</td><td class="tabular_even">23000</td></tr>
								</table>
								<table>
									<tr><td class="tabular_odd">Dodge</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Parry</td><td class="tabular_even">23000</td></tr>
									<tr><td class="tabular_odd">Block</td><td class="tabular_even">23000</td></tr>
								</table>
							</div>
							<div style="clear:both"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="clear">
		</div>
		<div class="footer">
			TrinityManager v0.1
		</div>
	</div>
</body>
</html>